<!-- eslint-disable @typescript-eslint/no-explicit-any -->
<script lang='ts' setup>
import { selectTypeSymbol, clickMenuItemSymbol, MenuItem } from './types'

const selectType = ref('radio')
provide(selectTypeSymbol, selectType)

const emit = defineEmits<{
  clickMenuItem: [any]
}>()

function handleClickMenuItem(item: MenuItem):void {
  emit('clickMenuItem', item)
}
provide(clickMenuItemSymbol, handleClickMenuItem)
</script>

<template >
  <form class="menu">
    <slot />
  </form>
</template>

<style scoped lang='less'>
</style>
